@charset "utf-8";
@import "main.scss";

body{
    background-color: #f5f5f5;
    font-size: 12px;
    font: 12px/1.5 arial,"Microsoft Yahei","Hiragino Sans GB",sans-serif;
}

.front-spt{
    background-image: url(../images/front_spt_1.png);
}

.pager{
    height: 40px;
    text-align: center;
    padding-top:10px;
    ul.yiiPager{
        display: inline-block;
        font-size: 14px;
        li{
            margin-right: 5px;
            display: inline-block;
            a{
                border: none;
            }
        }
        li.page{
            a:link, a:visited{
                height: 36px;
                width: 36px;
                line-height: 36px;
                text-align: center;
                background: #fff;
                padding: 0;
                color: #9c9c9c;
                display: block;
                background: #fff;
                font-family: "Arial";
            }
        }
        li.selected a:link,li.selected a:visited{
            background: #e4e1de;
            color: #484848;
            font-weight: normal;
        }


        li.first, li.last,li.previous,li.next{
            a:link, a:visited{
                height: 36px;
                width: 80px;
                line-height: 36px;
                text-align: center;
                background: #fff;
                padding: 0;
                color: #9c9c9c;
                display: block;
                background: #fff;
                font-weight: normal;
            }
        }
        .hidden {
            display: none;
        }
    }
    span{
        display: inline-block;
        font-size: 14px;
        color: #9c9c9c;
        height: 30px;
        line-height: 36px;
        padding-left:10px;
        padding-right:10px;
        em{
            color: #484848;
            font-weight: bolder;
        }
    }

    strong{

    }
    a{
        display:inline-block;
        line-height:28px;
        padding:0 10px;
        border:1px solid #d9d9d9;
        background-color:#ffffff; 
        text-decoration:none;
        color:#666;

        -webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;
        margin-right:5px;
    }
    .current{
        display:inline-block;
        line-height:28px;
        padding:0 10px;
        border:1px solid #d9d9d9;
        background-color:#ffffff; 
        text-decoration:none;

        -webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;
        margin-right:3px;
        color:#fff;
        background-color:#24557d;
        border-color:#fff;

        font-size: 14px;
        margin-right: 5px;
    }
    a:hover{
        color:#fff;
        background-color:#24557d;
        border-color:#fff;
        text-decoration:none;
    }
}

@import "front/index.scss";

.topbar{
    height: 27px;
    border-bottom: 1px solid #ccc;
    background-color: #f8f8f8;
    background: url(../images/topbar.jpg) repeat-x;
    line-height: 27px;

    .message_top{
        position: relative;
        padding-left:10px;

        .msg_list{
            background: none repeat scroll 0 0 #fff;
            border:1px solid #ccc;
            border-top: 1px solid #fff;
            position: absolute;
            left: -1px;
            margin-top:27px;
            width:320px;
            z-index: 99;
            display:none;
            .msg_title{
                border-bottom:1px solid #ccc;
                text-align:center;
                font-weight:bolder;
                font-size:14px;
            }
            .msg_content{
                padding:10px 0 0;
                width:100%;
                .left-icon{
                    background-color:#ec0847;
                    width:2px;
                    height:12px;
                    margin:4px 10px 0 10px;
                }
                .content_title{
                    width:300px;
                    line-height:20px;
                }
                .pink_name{
                    color:#ec0847;
                    font-weight:bolder;
                    margin-right:10px;
                }
                .content_info{
                    width:100%;
                    margin:0 10px;
                    line-height:20px;
                    img{
                        width:80px;
                        height:80px;
                    }
                    .info_desc{
                        margin:5px 0 0 10px;
                        max-width:288px;
                        div{
                            height:20px;
                            line-height:20px;
                        }
                        .goods_time{
                            margin-top:10px;
                        }
                        .goods_desc{
                            width:200px;
                            height: 20px;
                            line-height: 20px;
                            overflow: hidden;
                        }
                    }
                }

            }
            .msg_footer{
                text-align:right;
                margin-top:10px;
                border-top:1px solid #ccc;
                a{
                    margin-right:10px;
                }
            }
        }
    }
    .message_top_hover{
        background-color: #fff;
        border:1px solid #ccc;
        position: relative;
        padding-left:10px;
    }
    .msg_icon{
        background-position: -371px 0px;
        width:22px;
        height:16px;
        margin:5px 10px 0 0;
        float:left;
    }
    .msg_icon_tray{
        background-position: -398px 0px;
        width:22px;
        height:16px;
        margin:5px 10px 0 0;
        float:left;
    }
    .msg_a{
        float:left;
    }
    .msg_num{
        color:#ff5991;
        float:left;
        margin:0 5px;
    }
    .arrow{
        float:left;
        background:url("../images/special/arrow.png") center no-repeat;
        width:9px;
        height:5px;
        margin:13px 8px 0 0;
    }
}

.topbar .bm-tbn{
    display: inline-block;
    background-color: #f87b00;
    height: 27px;
    width: 89px;
    font-weight: bolder;
    color: #fff;
    text-align: center;
}
.topbar .bm-tbn i{
    background-position: -24px -74px;
    height: 18px;
    width: 11px;
    top: 2px;
    *float: left;
}

.topbar .sina i{
    background-position: -38px -75px;
    height: 16px;
    width: 18px;
    top: 2px;
    *float: left;
    *margin-right: -5px;
}
.topbar{
    .login,.register,.sina,.bangpai{
        padding: 0px 8px;
    }
}
.topbar .welcome{
    color: #999;
    padding-right: 9px;
}

.header{
    padding-top: 20px;
    padding-bottom: 20px;
}
.header{
    .logo{
        height: 63px;
        width: 282px;

    }
    .search-box{
        @include  textinput(12px,28px,1px,solid #ccc,0px);
        padding-top: 12px;
        .input{
            border-right: none;
            padding-left: 10px;
            padding-right: 10px;
            width: 250px;
        }
        .button{
            border-radius: 0px;
            height:30px ;
            width:40px ;
            border: none;
            background-position: -1492px -32px;
        }
        .keywords{
            margin-top:3px;
            span{
                color: #999;
                padding-right: 4px;
            }
        }

    }
    .icon1{
        background-position: -270px -0px;
        height: 60px;
        width: 85px;
        display: inline-block;
        margin-right: 20px;
        margin-top: 3px;
    }
    .icon2{
        background-position: -270px -67px;
        height: 60px;
        width: 85px;
        display: inline-block;
        margin-top: 3px;
    }
    .icon4{
        background: url("../images/download/download_app.png") center no-repeat;
        height: 60px;
        width: 85px;
        display: inline-block;
        margin-right: 20px;
        margin-top: 3px;
    }
    .icon3{
        background: url("../images/android.png") center 0 no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        height: 60px;
        width: 60px;
        display: inline-block;
        margin-top:3px;
        margin-right:12px;
    }
    .android{
        display:inline-block;
        width:90px;
    }
}


.main-menu{
    @include nav(#0b0b0b,14px,40px,30px,#db014d);
    li{
        position: relative;
    }
    li.active a,a:hover{
        background-color: #db014d;
        color: #fff;
    }
    li a{
        font-weight: bolder;
        color: #fff;
    }
    .qdlabel{
        &:hover{ 
            background: url("../images/bg_qiandao.png") center no-repeat;
        }
        color:#f9f3cc;
        font-family: sans-serif;
        font-weight: bolder;
    }
    .qdLI{
        float:right;
    }
    li.lastmenu{
        float: right;
    }
    .jd{
        i{
            background: url("../images/jd_pay.gif");
            height: 15px;
            width: 34px;
            position: absolute;
            top:3px;
            z-index: 101;
        }
    }
}

.cate-menu{
    background-color: #fff;
    font-family: "微软雅黑";
    border-bottom: 1px solid #efefef; 
    .cat{
        @include nav-border(none,13px,31px,0px,none,#fff,none);
        width: $container_width - $margin * 2 -2;
        border-left: 1px solid #efefef; 
        border-right: 1px solid #efefef; 

        li{
            a{
                color: #999;
                width: 106px;
                text-align: center;
            }
            a:hover{
                font-weight: bold;
                border-bottom:2px solid #db014d;
                *height:24px;
                _top:1px;
                _margin-top:-1px;
            }
        }

        li.active{
            a, a:hover{
                border-bottom:2px solid #db014d;
                font-weight: bold;
                *height:24px;
                _top:1px;
                _margin-top:-1px;
                _position: relative;
            }
        }
        li.last{
            i{
                width: 0px;
                display: none;
            }
        }
        li.sport a{
            color: #dc65bf;
        }

        li.maquillage a{
            color: #ab2861;;
        }

        li.digital a{
            color:  #a1ae13;
        }

        li.bags a{
            color:#9c38c8;
        }

        li.fine-food a{
            color: #0b9b99;
        }

        li.furnishing a{
            color: #17a614;
        }
        li.shoes a{
            color: #d0a904;
        }
        li.gravida-baby a{
            color: #b56404;
        }
        li.man a{
            color: #be0e38;
        }
        li.womens a{
            color: #ed0799;
        }
    }
}
.cate-menu{
    .nohf-catmenu{
        li{
            a{
                width: 96px;
            }
        }
        li.jkj a{
            color: #17a614;
        }
    } 
}

.banner{
    margin-top: 10px;
    width: 100%;
    height: 350px;
    border:none;
    background: url("../images/front/double-11/s11-banner.jpg") repeat center ;
    position:relative;
    a{
        float: left;
    }
    .banner_311_100{
        width:311px;
        height:100%;
    }
    .banner_378_50{
        width:378px;
        height:50%;
    }
    .banner_252_50{
        width:252px;
        height:50%;
    }
}
#loading{
    bottom: -40px;
    background-color: #aaa;
    border-radius: 5px;
    color: #fff;
    left: 40%;
    opacity: 0.7;
    padding: 3px 5px;
    position: absolute;
    text-align: center;
    width: 200px;
    z-index: 100;
    img{
        display: inline;
        vertical-align: middle;
    }
    div{
        display: inline;
        vertical-align: middle;
    }
}

.footer{
    margin-top:60px;
    .auch{
        float: right;
        margin-bottom: 10px;
        a{
            display: block;
            width: 124px;
            height: 47px;
        }
        .relname{
            background-position: -1424px -70px;
        }
        .official{
            background-position: 0 -3px;
        }
        .verifyseal{
            background-position: -130px -3px;
        }
    }
    .footer-col1{
        padding: 30px 0 10px;
        .col-md-6{
            .col-md-4{
                @include smallspan(6,4,$margin);
            }
        }
        .col-md-6 .row{
            border-right: 1px #999 dotted;   
        }
        dl{
            padding-bottom: 10px;
        }
        dl,dd,dt{
            height: 30px;
            line-height: 30px;
            margin-bottom: 0;
        }
        dt{
            font-size:16px;
            i{
                background-position: -211px -108px;
                height: 11px;
                width: 11px;
                top: 1px;  
                margin-right: 20px;
            }
        }
        dd{
            padding-left: 3px;
            color: #777;
            i{
                background-position: -228px -110px;
                height: 7px;
                width: 4px;  
                margin-right: 23px;
            }
            a{
                color: #666;
            }
        }

        .attention {
            line-height:30px;
            padding-left:50px;
            border-left:1px dotted #666;
            .title{
                font-size:16px;
                color: #333;
                font-weight: bolder;
                margin-bottom: 10px;
            }
            i{
                background-position: -211px -108px;
                height: 11px;
                width: 11px;
                top: 1px;  
                margin-right: 20px;              
            }
            a.bangpai,a.weibo{
                padding-left: 50px;
                line-height: 29px;
                font-weight: bolder;
                color: #777;
                height: 29px;
                width: 71px;
                margin-right: 20px;     
                display: inline-block;
            }
            a.weibo{
                background-position: -368px -39px;
            }
            a.weibo:hover{
                background-position: -494px -39px;
            }
            a.bangpai{
                background-position: -368px -76px;
            }
            a.bangpai:hover{
                background-position: -494px -76px;
            }
            .media{
                margin-top: 20px;
            }
            .media-object{
                width: 58px;
                height: 58px;
                display: inline-block;
                background: url("../images/getqrcode.jpg") center 0 no-repeat;
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
            }
            .media-body {
                margin-left:70px;
                h4{
                    line-height: 20px; 
                }
                P{
                    line-height: 20px;
                }
            }
        }
    }
    .footer-col1,.link{
        background-color: #e5e1de;
    }
    .link{
        border-top:1px solid #ccc;
        line-height: 45px;
        height: 45px;
        dl{
            margin-bottom: 0;
        }

        dt{
            width: 70px;
            font-weight: bolder;
            text-align: left;
            color: #666;
        }
        dd{
            padding-top: 13px;
            width: 990px;
            a{
                padding: 0 5px;
                color: #666;
            }
            i{
                background-position: -399px -13px;
                height: 18px;
                width: 11px;
                top: 5px;
            }
        }
        .marquee {
            width: 990px;
            height: 20px;
            line-height: 20px;
            overflow: hidden;
        }
    }
    .footer-col2{
        height: 50px;
        line-height: 50px;
        background-color: #161616;

        .navbar-text{
            color: #666;
        }
        .nav li a{
            display: inline-block;
            height: 50px;
            line-height: 50px;
            color: #eee;
            font-weight: bolder;
            padding: 0 10px;
            _padding: 15px 10px 0;
            _height: 35px;
        }
        .nav li a:hover{
            text-decoration: none;
            background-color: #161616;
            display: block;

        }
        .nav li{
            border-left: 1px solid #000;
            border-right: 1px solid #222;
            float: left;
            height: 50px;
            display: inline;
        }
        ul.nav{
            border-right: 1px solid #000;
            border-left: 1px solid #222;
        }
        .nav{
            .bangpai{
                background-position: -369px -13px;
                height: 18px;
                width: 24px;
                top: 5px;
            }
            .baoming{
                background-position: -399px -13px;
                height: 18px;
                width: 11px;
                top: 5px;
            }
            .bm-cha{
                background-position: -416px -13px;
                height: 18px;
                width: 18px;
                top: 3px;
            }
            .qun{
                background-position: -439px -13px;
                height: 18px;
                width: 18px;
                top: 5px; 
            }
        }
    }
}

.goodlist{
    position:relative;
    //margin: 0 -12px;
    .title{
        height: 40px;
        line-height: 40px;  
        border-bottom: 1px solid #bbb;
        margin-bottom: 10px;

        h3{
            height: 40px;
            line-height: 40px; 
            font-weight: bolder;
            width: 230px;
            border-bottom: 1px solid #fdb3ca;
            margin:0;
            _position: relative;
            _top:1px;
            _margin-top: -1px;
            font-size:24px;
            small{
                font-weight: bolder;
                font-size:18px;
                color: #999999;
            }
            i{
                background-position: -76px -91px;
                height: 20px;
                width: 4px;
                top: 2px;
                *top:-1px;
            }
        }
    }
    .col-md-3{
        margin-bottom: 20px;
        width: 249px;
        height: 351px;
        position: relative;
    }

    .goods_item_no_stock .no_stock_icon {
        display: block;
        position: absolute;
        width: 116px;
        height: 116px;
        z-index: 100;
        border: none;
        background: url('../images/miaoguang.png') no-repeat 0 0;
        left: 28%;
        top: 70px;
        z-index: 1000ßß;
    }
    .goods_item_no_stock{
        .thumbnail .caption .btn-purchase{
            background-position: -1392px -6px;
        }
        .thumbnail .caption .btn-purchase:hover{
            background-position: -1392px -6px;
        }
        .thumbnail .caption .tmall{
            background-position: -1489px -5px;
        }
        .thumbnail .caption .tmall:hover{
            background-position: -1489px -5px;
        }
        .thumbnail .caption .jd{
            background-position: -1385px -121px;
        }
        .thumbnail .caption .jd:hover{
            background-position: -1385px -121px;
        }

    }

    .thumbnail{
        padding: 10px;
        z-index: 20;
        background: #fff;
        border:#fff solid 1px;
        position: absolute;
        img{
            width: 227px;
            height: 227px;
            margin: 0;
            border:none;
        }
        .is_format{
            width:14px;
            height:14px;
            margin:10px 5px 0;
            position:absolute;
            top:12px;
            right:0;
        }
        .caption{
            position: relative;
            padding: 15px 0 0;
            .item-title{
                color: #666;
                line-height: 25px;
                height: 25px;
                overflow: hidden;
                margin-bottom: 10px;
                font-family: "微软雅黑";
                i{
                    background-position: -208px -68px;
                    height: 15px;
                    width: 33px;
                    top:2px;  
                }
                span{
                    font-size: 16px;
                }
                .multiple{
                    background-image: url(../images/multiple.png);
                    width:47px;
                    height:26px;
                    position:absolute;
                    top:-5px;
                    right:0px;
                    text-align:center;
                }
            }
            .information{
                .baoyou{
                    background-image: url(../images/front/cat/baoyou.png);
                    width:29px;
                    height:13px;
                }
                .zhekou{
                    background-color:#ffb462;
                    color:white;
                    padding:0 5px;
                    border-radius:2px;
                    font-size:11px;
                }
                .price_red{
                    color:#dd004e;
                    font-size:14px;
                }
                .origin-price{
                    color:#666;
                    text-decoration:line-through;
                    font-size:11px;
                }
                .promo_price{
                    color: #dd004e;
                    font-size: 25px;
                    height: 30px;
                    line-height: 30px;
                    margin-right: 5px;
                    padding-left: 2px;
                    position: relative;
                    i{
                        background-position: -1131px -11px;
                        height: 15px;
                        width: 11px;    
                        position: absolute;
                        top:7px;
                        left: 0px;
                    }
                }
                .sales{
                    height:30px;
                    line-height:40px;
                    span{
                        color:#19aa6b;
                    }
                }
            }
            .btn-purchase {
                color: #ffffff;
                background-position: -1188px -115px;
                height: 23px;
                line-height: 23px;
                width: 87px;  
                display: inline-block;
                position: absolute;
                text-align: center;
                right: 0px;
                font-size: 14px;
            }
            .btn-purchase:hover {
                background-position: -1288px -115px;
            }
            .tmall{
                background-position: -1303px -64px;
            }
            .tmall:hover {
                background-position: -1303px -90px;
            }
            .jd{
                background-position: -1187px -5px;
            }
            .jd:hover {
                background-position: -1290px -5px;
            }
            .price{
                color:#dd004e;
                font-size:20px;
                font-weight: bolder;
                height:30px;
                line-height:30px;
                position: relative;
                padding-left: 15px;
                i{
                    background-position: -1131px -11px;
                    height: 15px;
                    width: 11px;    
                    position: absolute;
                    top:7px;
                    left: 0px;
                }
            }

            .share-box{
                height: 38px; 
                overflow: hidden;
                display: none;
            }
            .sim-desc{
                height:50px;
                line-height:25px;
                color: #777;
                overflow: hidden;
                i{
                    background-position: -207px -86px;
                    height: 15px;
                    width: 46px;
                    top: 3px;   
                }
            }
            .share{
                height:38px;
                line-height:38px;
                .title{
                    padding-top: 5px;
                    border: none;
                    font-size: 14px;
                    color: #ccc;
                }
                .bdsharebuttonbox{
                    padding-top: 10px;
                }
                .report_a{
                    padding-top:5px;
                    color:orange;
                    display:block;
                }
            }

            .promo-price{
                .span1{
                    color:#999;
                    text-decoration:line-through;  
                }

                i{
                    background-position: -1114px -13px;
                    height: 10px;
                    width: 7px;

                }
                .span2{
                    color: #dd004e;
                    padding-left: 4px;
                }
            }
            .ship{
                i{
                    background-position: -208px -68px;
                    height: 15px;
                    width: 33px;
                }
            }
            .ts-col{
                padding-top: 10px;
                color: #bbb;
                .time span{
                    color: #333;
                    font-weight: bolder;
                    padding: 0 3px;
                }
                .sales span{
                    color: #dd004e;
                    font-weight: bolder;
                    padding: 0 3px;
                }
            }
        }
    }

    .thumbnail:hover{
        border:#dd004e solid 2px;
        z-index: 30;
        padding:9px;
        .sim-desc{
            display: none!important;
        }
    }
}

.texuan-col {
    margin-top: 20px;
}
.tehui-col {
    margin-top: 20px;
    .title{
        .btn{
            display: inline-block;
            height: 38px;
            line-height: 38px;
            position: relative;
            width: 160px;
            border: 1px solid #ddd;
            border-bottom: 1px solid #bbb;
            text-align: center;
            font-size: 24px;
            font-weight: bolder;
            color:#ccc;
            float: left;
            top:1px;
            cursor: pointer;
        }
        .dj-btn{
            margin-left: -1px;
        }
        .btn:hover,.active{
            background: #fff;
            color:#333;
            border-bottom: 1px solid #db014d;
            em{
                color: #db014d;
            }
        }
        ul{
            border-top:1px solid #ccc;
            border-bottom:1px solid #ccc;
            border-left:1px solid #ccc;
            height: 30px;
            line-height: 30px;
        }
        li{
            border-right:1px solid #ccc;
            padding: 0 10px;
            height: 30px;
            line-height: 30px;
            display:inline;
            float:left;
            a{
                color:#999;
                display: inline-block;
                height: 24px;
                line-height: 20px;   
                vertical-align: top;
                padding-top: 6px;
            }
            i{
                height: 11px;
                width: 9px;   
                top:3px;
                *top:0px;
                _top:4px;
                left: 5px;
                margin-right: 0;
            }
            i.down{
                background-position: -154px -92px;
            }

            i.more{
                background-position: -179px -92px;   
                top:1px;
            }

        }
        li:hover{
            a{
                color:#df0055;
            }
            i.more{
                background-position: -191px -92px;   
                top:1px;
            }
            i.down{
                background-position: -154px -109px;

            }
        }
    }
    #tjbody{
        display: none;
    }
}

.cat-fix{
    @include fixed_top_left(0,84,0);
    background-image: url(../images/cat-spt.png);
    cursor: pointer;
}
.cat-fix-top{
    @include fixed_top_left(175,84,0);
    background-position: 0 -44px;
}
.nohf-cat-fix{
    @include fixed_top_left(45,84,0);
    background-image: url(../images/nohfcat-spt.png);
}
.bottom-fix{
    @include fixed_bottom_right(50,$container_width_value,10);
    cursor: pointer;
}
.bottom-fix{
    width: 48px;
    height:150px;
    .share{
        width: 40px;
        height: 40px;
        background-image: url(../images/right_fix.png);
        background-position: 0px 0px;
        &:hover{ 
            background-position: -47px 0px;
        }
    }
    .share_home{
        width: 131px;
        height: 86px;
        background-image: url(../images/share_home.gif);
        position: absolute;
        top:-86px;
        left: -35px;
        display:none;
    }
    .share_jifen{
        width: 131px;
        height: 86px;
        background-image: url(../images/share_jifen.gif);
        position: absolute;
        top:-86px;
        left: -35px;
        display:none;
    }
    .close{
        width:20px;
        height:20px;
        position: absolute;
        top:5px;
        right: 10px;
    }
    .collect{
        width: 40px;
        height: 40px;
        background-image: url(../images/right_fix.png);
        background-position: 0px -39px;
        &:hover{ 
            background-position: -47px -39px;
        }
    }
    .top{
        width: 40px;
        height: 40px;
        display: none;
        background-image: url(../images/right_fix.png);
        background-position: 0px -79px;
        &:hover{ 
            background-position: -47px -79px;
        }
    }
}   

.cat-fix {
    width: 84px;
    height: 411px;
    .title2{
        height: 44px;

    }
    ul{
        list-style: none;
        li{
            a{
                font-family: "微软雅黑";
                display: block;
                height: 33px;
                width: 46px;
                line-height: 33px;
                padding-left: 38px;
                font-size: 14px;
                font-weight:bolder;
            }
            a:hover{
                background-image: url(../images/cat-spt.png);
            }
        }
        li.all a{
            padding-left: 0px; 
            width: 84px;
            text-align: center;
            color: #dd004e;
        }
        li.all a:hover{
            background-position: -91px -44px;
        }
        li.sport a{
            color: #dc65bf;
        }
        li.sport a:hover{
            background-position: -91px -374px;
        }
        li.maquillage a{
            color: #ab2861;;
        }
        li.maquillage a:hover{
            background-position: -91px -308px;
        }
        li.digital a{
            color:  #a1ae13;
        }
        li.digital a:hover{
            background-position: -91px -341px;
        }
        li.bags a{
            color:#9c38c8;
        }
        li.bags a:hover{
            background-position: -91px -275px;
        }
        li.fine-food a{
            color: #0b9b99;
        }
        li.fine-food a:hover{
            background-position: -91px -242px;
        }
        li.furnishing a{
            color: #17a614;
        }
        li.furnishing a:hover{
            background-position: -91px -209px;
        }
        li.shoes a{
            color: #d0a904;
        }
        li.shoes a:hover{
            background-position: -91px -176px;
        }
        li.gravida-baby a{
            color: #b56404;
        }
        li.gravida-baby a:hover{
            background-position: -91px -143px;
        }
        li.man a{
            color: #be0e38;
        }
        li.man a:hover{
            background-position: -91px -110px;
        }
        li.womens a{
            color: #ed0799;
        }
        li.womens a:hover{
            background-position: -91px -77px;
        }
    }
}

.nohf-cat-fix {
    width: 84px;
    height: 455px;
    padding-top:5px;
    ul{
        list-style: none;
        li{
            a{
                font-family: "微软雅黑";
                display: block;
                height: 33px;
                width: 46px;
                line-height: 33px;
                padding-left: 38px;
                font-size: 14px;
                font-weight:bolder;
            }
            a:hover{
                background-image: url(../images/nohfcat-spt.png);
            }
        }
        li.sport a{
            color: #dc65bf;
        }
        li.sport a:hover{
            background-position: -101px -302px;
        }
        li.maquillage a{
            color: #ab2861;;
        }
        li.maquillage a:hover{
            background-position: -101px -236px;
        }
        li.digital a{
            color:  #a1ae13;
        }
        li.digital a:hover{
            background-position: -101px -269px;
        }
        li.bags a{
            color:#9c38c8;
        }
        li.bags a:hover{
            background-position: -101px -203px;
        }
        li.fine-food a{
            color: #0b9b99;
        }
        li.fine-food a:hover{
            background-position: -101px -170px;
        }
        li.furnishing a{
            color: #17a614;
        }
        li.furnishing a:hover{
            background-position: -101px -137px;
        }
        li.shoes a{
            color: #d0a904;
        }
        li.shoes a:hover{
            background-position: -101px -104px;
        }
        li.gravida-baby a{
            color: #b56404;
        }
        li.gravida-baby a:hover{
            background-position: -101px -71px;
        }
        li.man a{
            color: #be0e38;
        }
        li.man a:hover{
            background-position: -101px -38px;
        }
        li.womens a{
            color: #ed0799;
        }
        li.womens a:hover{
            background-position: -101px -5px;
        }
        li.jp-title a{
            padding-left: 0px; 
            width: 84px;
            text-align: center;
            color: #c3845f;
            height: 28px;
            line-height: 28px;
        }
        li.jj a{
            padding-left: 0px; 
            width: 84px;
            text-align: center;
            color: #fff;
            height: 33px;
            line-height: 33px;
        }
        li.jd a{
            padding-left: 0px; 
            width: 84px;
            text-align: center;
            color: #4f4f4f;
            height: 33px;
            line-height: 33px;
        }
        li.qing a{
            padding-left: 0px; 
            width: 84px;
            text-align: center;
            color: #4f4f4f;
            height: 31px;
            line-height: 31px;
        }
        li.jp-title a:hover{
            background-position: -0px -334px;
            cursor:default
        }
        li.jd a:hover{
            background-position: -0px -362px;
            color: #dd004e;
        }
        li.qing a:hover{
            background-position: -0px -362px;
            color: #dd004e;
        }
        li.jj a:hover{
            background-position: -100px -427px;
            color: #dd004e;
        }
    }
}

.cat-fix-top{
    height: 367px;
    .title2{display: none;}
}

.message{
    height: 100px;
    padding: 30px 0;
    font-size: 14px;
}

.pink{
    color:#ff5991;
}
.yellow{
    color:#ef7400;
}
.green{
    color:#029103;
}
.black{
    color:#000;
}
.white{
    color:white;
}
.bg_white{
    background-color:#fff;
}

/*
 *原1213行到1296行 login.scss
 */
@import "user/index.scss";
@import "layouts/index.scss";

.info-box{
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid #c7c7c7;
    background: #fff;
    height: 200px;
    padding-top: 100px;
    text-align: center;
    .content{
        color: #666;
        font-size:14px;
        i.success{
            background-position: -434px 0px;
            width: 43px;
            height: 58px;   
            float: left;
            left: 373px;
        }
        i.error{
            background-image: url(../images/err_ico.jpg);
            width: 22px;
            height: 44px;   
            float: left;
            left: 373px;
        }
        div{
            text-align: left;
            padding-left: 426px;
        }
        .title{
            font-size: 16px;
            color: #444;
            font-weight: bold;
            margin-bottom: 5px;
            width: 400px;
        }
    }
    .btn-box{
        margin-top: 20px;
        margin-left: 426px;;    
    }
    .btn{

        background-position: -298px -40px;
        width: 123px;
        height: 39px;
        line-height: 39px;
        text-align: center;
        font-size: 14px;
        color: #fff;
        font-weight: bolder;
        float: left;
        margin-right: 20px;
    }
}

.gdl-container{
    border: 1px solid #E7E7E7;
    margin: 20px 0px;
    .img-box{
        border-right: 1px solid #E7E7E7;
        padding: 18px 25px;
        img{
            border: none;
            width: 300px;
            height: 300px;
        }
    }

    .good-info{
        line-height: 2em;
        padding:18px 80px; 
        width:550px;
        .brief{
            padding: 10px 0;
            border-bottom: 1px dotted #999;
            color: #666;
            font-size: 14px;
            span{
                font-weight: bolder;
                color: #000;
            }
        }
        .price-box{
            margin:10px 0 50px 0;
            .original-price-box{
                margin-right: 15px;
                .original-price{
                    color:#999;
                    span{
                        text-decoration: line-through;
                    }
                }
            }
            .promo-label{
                background: #F9769E;
                color: #fff;
                text-align: center;
                line-height: 1.5em;
            }   
            .promo_price{
                color: #DE004B;
                font-weight: bolder;
                font-size: 42px;
                *font-size: 33px;
                padding-top: 13px;
            }
            .ship-box{
                padding:8px 6px 0;
                color:#F9769E;
                .ship{
                    background-image: url(../images/gooddetail.png);
                    background-position: -24px -54px;
                    width: 33px;
                    height: 15px;
                    margin-left: 5px;
                }           
            }
        }
        .purchase-btn{
            background-image: url(../images/gooddetail.png);
            background-position: 0px 0px;
            width: 159px;
            height: 47px;
            display: block;
        }
        .purchase-btn:hover{
            background-position: -166px -0px;
        }
        .sales-column{
            margin-top: 10px;
            .sales-box{
                padding: 0 15px;
            }
            i{
                background-image: url(../images/gooddetail.png);
                background-position: -1px -54px;
                width: 12px;
                height: 12px;
                top:1px;
            }
            .num{
                text-align: center;
                color:#999;
                span{
                    color:#F9769E;
                    font-family: "Arial";
                    font-weight: bolder;           
                    font-size: 14px;
                }
            }
        }
    }
}

.detail-tuijian{
    .title{
        height: 40px;
        line-height: 40px;  
        border-bottom: 1px solid #E7E7E7;
        margin-bottom: 10px;

        h3{
            height: 40px;
            line-height: 40px; 
            font-weight: bolder;
            width: 100%;
            border-bottom: none;
            margin:0;
            _position: relative;
            _top:1px;
            _margin-top: -1px;
            font-size:16px;
            color:#999;
            i{
                background-position: -1573px -33px;
                height: 15px;
                width: 3px;
                top: 2px;
                *top:-1px;
            }
        }
    }
    .col-md-3{
        margin-bottom: 20px;
        width: 249px;
        height: 311px;
        position: relative;
    }

    .goods_item_no_stock .no_stock_icon {
        display: block;
        position: absolute;
        width: 116px;
        height: 116px;
        z-index: 100;
        border: none;
        background: url('../images/miaoguang.png') no-repeat 0 0;
        left: 22%;
        top: 80px;
        z-index: 1000;
    }
    .goods_item_no_stock{
        .thumbnail .caption .btn-purchase{
            background-position: -1392px -6px;
        }
        .thumbnail .caption .btn-purchase:hover{
            background-position: -1392px -6px;
        }
        .thumbnail .caption .tmall{
            background-position: -1489px -5px;
        }
        .thumbnail .caption .tmall:hover{
            background-position: -1489px -5px;
        }
        .thumbnail .caption .jd{
            background-position: -1385px -121px;
        }
        .thumbnail .caption .jd:hover{
            background-position: -1385px -121px;
        }

    }
    .thumbnail{
        padding: 10px;
        position: absolute;
        background: #fff;
        border:#ddd solid 1px;

        img{
            width: 229px;
            height: 229px;
            margin: 0;
            border:none;
        }
        .caption{
            padding: 15px 0 0;
            .item-title{
                color: #999;
                margin-bottom: 10px;
                font-family: "宋体";
                i{
                    background-position: -208px -68px;
                    height: 15px;
                    width: 33px;
                    top:2px;  
                }

            }
            .price{
                color:#333;
                font-size:14px;
                font-weight: bolder;
                height:17px;
                line-height:17px;
                position: relative;
                padding-left: 0px;
            }
            .ship{
                i{
                    background-position: -208px -68px;
                    height: 15px;
                    width: 33px;
                }
            }

            .sales {
                padding-top: 0px;
                color: #999;
                span{
                    color: #dd004e;
                    font-weight: bolder;
                    padding: 0 3px;
                }            
            }

        }
    }

    .thumbnail:hover{
        border:#dd004e solid 2px;
        padding:9px;
        .sim-desc{
            display: none!important;

        }
    }
}
.widget-box{
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid #c7c7c7;
    background: #fff;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 100px;
    line-height: 50px;
    .title{
        font-size: 16px;
        font-weight: bolder;
        span{
            font-size: 14px;
            color: #999;
            font-weight: normal;
        }
    }
    .btn{
        height: 28px;
        line-height: 28px;
        padding: 0 10px;
    }
    .label{
        font-size: 16px;
        font-weight: bolder;
        text-align: right;
    }
    .input{
        height: 28px;
        width: 190px;
        line-height: 28px;
        padding: 0 10px;
    }
    .input2{
        height: 28px;
        line-height: 28px;
        padding: 0 10px;
        width: 70px;
    }
    img{
        vertical-align: middle;
    }
    .errorSummary{
        line-height: 1.4em;
    }
}

.score-col{
    position:relative;
    .col-3{
        display: inline;
        float: left;
        height: 350px;
        margin: 20px 4px 0 12px;
        position: relative;
        width: 257px;
    }
    .introduct_jifen{
        display:none;
        overflow: hidden;
        min-height: 30px;
        max-height: 100px;
    }
    .thumbnail:hover{
        width: 227px;
        z-index:30;
        padding: 8px;
        border: 2px solid #dd004e;
    }
    .thumbnail{
        background-color: #fff;
        width: 227px;
        padding: 10px;
        z-index:20;
        position:absolute;
        a{
            position: relative;
        }
        img{
            width: 228px;
            height: 228px;
        }
        .item-title{
            line-height: 30px;
            height: 30px;
            font-size: 16px;
            color: #666;
        }
        .sales-col{
            line-height: 30px;
            height: 30px;
            font-size: 14px;
            color: #999;
            .score{
                line-height: 30px;
                padding-top: 5px;
                font-size: 12px;
                color: #E23769;
                span{
                    font-size: 30px;
                    font-family: "Arial";
                }
            }
        }
        .action-col{
            position: relative;
            border-top: 1px dotted #999;
            width: 229px;
            height: 30px;
            padding: 5px 10px 0;
            left: -10px;

            .btn{
                padding: 0px 15px;
                background: #DB0E51;
                color: #fff;
                font-size: 12px;
                line-height: 30px;
                font-weight: bolder;
            }
        }
    }
}
.score-banner{
    height: 270px;
    img,.banner{
        width: 814px;
        height: 250px;
    }
    .score-top-banner{
        margin-top: 10px;
        height: 250px;
        overflow:hidden;
    }
    .info-col{
        margin-top: 10px;
        width: 240px;
        .face-col{
            background: #FCE9E4;
            padding: 10px;
            .face{
                background: url("../images/score-bg.png");
                height: 66px;
                width: 66px;
                float: left;
            }
            .user-info{
                float: left;
                margin-left: 10px;
                line-height:28px;
                i{

                    background: url("../images/score-bg.png");
                    background-position: -71px -1px;
                    height: 17px;
                    width: 17px;
                    margin-left: 4px;
                }
                .name{
                    padding-top: 10px;
                    font-size: 14px;
                    span{
                        font-weight: bolder;
                    }
                }
                .get-score a{
                    margin-top: 5px;
                    font-size: 14px;
                    padding: 4px 8px;
                    border-radius: 1px;
                    background: #fff;
                    border: 1px solid #E7C5B0;
                    color: #C58758;
                }
            }

        }
    }      
    .score-col{
        background: #fff;
        margin:0px;
        padding:20px 0 12px;
        .score,.gift{
            float: left;
            width: 49.5%;
            text-align: center;
            .num{
                font-family: "Arial";
                font-weight: bolder;
                font-size: 14px;
                color: #E75284;
            }
            .title{
                color: #999;
                font-weight: bolder;
                font-size: 14px;
            }
        }
        .score{
            border-right: 1px double #ccc;
        }
    }
    .wb-col{
        padding:12px 0;
        border-top: 1px solid #ccc;
        background: #fff;
        a{
            display: block;
            padding: 0 15px;
            line-height: 30px;
            border: 1px solid #999;
            font-size: 14px;
            background: #efefef;
            border-radius: 1px;
            color: #999;
        }
        .pull-left{
            margin-left: 20px;
        }
        .pull-right{
            margin-right: 20px;
        }
    }
    .arcticle-col{
        line-height: 41px;
        a{
            width: 32%;
            display: block;
            text-align: center;
            font-size: 12px;
            margin-left: 0px;
            padding: 0px;
            color: #999;
        }
        span{
            width: 2%;
            display: block;
            text-align: center;
            margin: 0px;
            padding: 0px;
            color: #ddd;
        }
    }
}
.qing-page{
    background: #df94b0;
    margin-bottom: -60px;
    .banner_bg{
        background-color:#df94b0;
    }
    .banner{
        background:url("../images/front/cat/banner_qing.jpg") no-repeat scroll center top #df94b0;
        width: 100%;
        height: 518px;
        margin-top: 0px;
        margin: 0 auto;
    }
    .footer_banner{
        margin-left:12px;
        img{
            margin-bottom:20px;
        }
    }
    .last_footer_banner{
        margin-left:24px;
        img{
            margin-bottom:20px;
        }
    }
}

.zhuanchang-page{
    background: #df94b0;
    margin-bottom: -60px;
    .banner_bg{
        background-color:#df94b0;
    }
    .banner{
        background:url("../images/front/cat/banner_qing.jpg") no-repeat scroll center top #df94b0;
        width: 100%;
        height: 518px;
        margin-top: 0px;
        margin: 0 auto;
    }
    .footer_banner{
        margin-left:12px;
        img{
            margin-bottom:20px;
        }
    }
    .last_footer_banner{
        margin-left:24px;
        img{
            margin-bottom:20px;
        }
    }
}

.tmall-page{
    background: #af84c0;
    margin-bottom: -30px; 
    padding-bottom: 30px;
    .banner_bg{
        background-color:#c2a9cb;
    }
    .banner{
        background:url("../images/front/cat/tmall_banner.jpg") no-repeat scroll center top #c2a9cb;
        width: 1400px;
        height: 280px;
        margin-top: 0px;
        margin: 0 auto;
    }
}
.jd-page{
    background:url("../images/jd-banner.jpg") center top #e9e7f4;
    background-repeat: no-repeat;
    width: 100%;
    padding-top: 250px;
    padding-bottom: 60px;
    margin-bottom: -30px;
}

.jj-page{
    background: #ff976b;
    margin-bottom: -30px; 
    padding-bottom: 30px;
    .banner_bg{
        background-color:#e11b02;
    }
    .banner{
        background:url("../images/front/cat/cat_9.9_banner.jpg") no-repeat scroll center top #95e800;
        width: 1400px;
        height: 280px;
        margin-top: 0px;
        margin: 0 auto;
    }
    .hot_search{
        background: #ff6423;
        color:#000;
        font-size:14px;
        margin-top: 10px;
        .search_label{
            color:white;
            float:left;
            margin:10px 12px 10px 20px;
            height:25px;
            line-height:25px;
            max-width:100px;
        }
        .hot_tag{
            float:left;
            margin:10px 5px;
            height:25px;
            line-height:25px;
            max-width:100px;
            border-radius:3px;
            background-color:white;
            padding:0 10px;
        }
        .sort_btn{
            margin:10px 1px;
            height:25px;
            line-height:25px;
            background-color:white;
            color:black;
            padding:0 10px;
        }
    }
}

/*
新京东页面CSS  Start
*/
.jd_banner{
    background:url("../images/jd/banner.jpg") top center;
    width: 100%;
    height: 300px;
}

.header_jd{
    padding-bottom: 28px;
    @include nav(#230009,14px,40px,10px,#fff);
    background:url("../images/jd/230009.jpg") center top #e9e7f4;
    .col-md-6{
        margin: 10px 0px 10px 15px;
        height: 100%;
    }
    .col-md-4{
        a{
            float: right;
        }
        .jd_img{
            margin: 20px 0px 20px 20px;
        }
    }
    .col-md-2{
        a{
            float: right;
            margin: 20px 0px 20px 20px;
        }
    }
    li{
        position: relative;
        margin-left: 30px;
        a:hover{
            background-color: #230009;
            color: #fff;
            // text-decoration:underline;
        }
    }

    /*
    li.active a{
        background-color: #c0f;
        color: #fff;
    }
    */
    li a{
        border-radius: 5px;
        font-weight: bolder;
        color: #fff;
    }
    li.lastmenu{
        float: right;
    }

}

.jd_goods_page{
    background-repeat: no-repeat;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 60px;
    margin-bottom: -30px;
    .title{
        margin: 0 auto;
        width: 530px;
        height: 35px;
        padding : 40px 0 0 0;

        .background{
            width: 100%;
            height: 100%;
            background:url("../images/jd/brand_street.png") center top #e9e7f4;
        }
        .leftline{
            float: left;
            width: 180px;
            height: 1px;
            background:url("../images/jd/line.png") center top #e9e7f4;
        }
        .content{
            /*
                    position:absolute;
                    z-index:99;
            */
            position:absolute;
            margin-left: 150px;
            margin-top: -15px;
            text-align: center;
            font-size: 22px;
            color: white;
            width: 230px;
        }
        .rightline{
            float: right;
            width: 180px;
            height: 1px;
            background:url("../images/jd/line.png") center top #e9e7f4;
        }
    }
    .jd_brand{
        margin: 0 auto;
        width : 1072px;
        height: 167px;
        padding : 20px 0;
        .background{
            background:url("../images/jd/brand.jpg") center top #e9e7f4;
            width : 100%;
            height: 100%;
        }
    }

    .goodlist{
        .thumbnail{
            .price{
                dt{
                    background-position: -1110px -11px;
                    height: 15px;
                    width: 11px;    
                    position: absolute;
                    top:9px;
                    left: 0px;
                }
                dl{
                    color: #999;
                    padding-top:2px;
                    font-size: 12px;
                }
            }
            .origin-price{
                padding-top: 10px;
                position: relative;
                span{
                    color: #999;
                    padding-top:2px;
                    font-size: 12px;
                    display: inline-block;
                }
                .ico{
                    background-position: -1110px -11px;
                    height: 15px;
                    width: 11px;    
                    position: absolute;
                    top:12px;
                    left: 27px;
                }
            }
            .caption_jd{
                padding: 10px 0 0;
                position: relative;
                .title_jd{
                    margin-bottom: 0;
                }
            }

        }
        .col-3{
            height: 300px;
            position: relative;
            width: 249px;
            display: inline;
            float: left;
            margin: 0 12px 40px 12px;
        }

        .thumbnail:hover{
            border-color: #ccc;
        }
    }

}
.DarkBlue{
    background:url("../images/jd/DarkBlue.jpg") center top #e9e7f4;
}
.Violet{
    background:url("../images/jd/Violet.png") center top #e9e7f4;
}


/*
新京东页面CSS  End
*/

/*
开学季新页面css star
*/
.yey-page{
    background:url("../images/kaixve/banner.jpg") no-repeat scroll center top #95e800;
    padding-top: 250px;
}
.xiaoxve-page{
    background-color: #56d4fb;
}
.chugaozhong-page{
    background-color: #fac371;
}
.daxve-page{
    background-color: #82d600;
    padding-bottom: 60px;
}
.daxve-page-end{
    width:100%;
    height:10px;
    background-color: #5ac200;
    margin-bottom: -60px;
}
.kxj-page{
    width: 100%;

    .title{
        margin: 70px auto -70px;
        height: 70px;
        width: 1092px;
        border-radius: 10px 10px 0 0;

    }
    .yey {
        background:url("../images/kaixve/youeryuan.png") center top no-repeat;
        margin: 200px auto 0px;
    }
    .xx{
        background:url("../images/kaixve/xiaoxve.png") center top no-repeat;
    }
    .cgz{
        background:url("../images/kaixve/chugaozhong.png") center top no-repeat;
    }
    .dx{
        background:url("../images/kaixve/daxve.png") center top no-repeat;
        margin: 70px auto 0;
    }
    .goods_list{
        position:relative;
        width: 1092px;
        margin: 0 auto;

    }
    .youeryuan{
        background:url("../images/kaixve/yey/yey.png") no-repeat scroll center #fff;
    }
    .xiaoxve{
        background:url("../images/kaixve/xx/xx.jpg") no-repeat scroll center #fff;
    }
    .chugaozhong{
        background:url("../images/kaixve/cgz/cgz.jpg") no-repeat scroll center #fff;
    }
    .daxve{
        background:url("../images/kaixve/dx/dx.jpg") no-repeat scroll center #fff;
    }
    .xx_bg{
        background:url("../images/kaixve/xx/xx_background.png") repeat;
    }
    .yey_bg{
        background:url("../images/kaixve/yey/yey_background.png") repeat;
    }
    .dx_bg{
        background:url("../images/kaixve/dx/dx_background.jpg") repeat;
    }
    .col-md-3{
        height: 317px;
        margin: 10px 9px ;
        position: relative;
        width: 255px;
    }
    .caption_jd{
        padding: 10px 0 0;
        position: relative;
        .title_jd{
            margin-bottom: 0;
        }
    }
    span{
        padding-top:2px;
        display: inline-block;
    }
    .gray{
        color: #999;
        font-size: 12px;
        text-decoration: line-through;
    }
    .xianshi{
        background-image: url("../images/kaixve/good.jpg");
        background-position: -14px -288px;
        height: 15px;
        width: 30px;
    }
    .rmb{
        background-image: url("../images/front_spt_1.png");
        background-position: -1131px -11px;
        height: 15px;
        width: 11px;
    }
    .ico{
        background-position: -1113px -11px;
        height: 10px;
        width: 8px;    
        display: inline-block;
        bottom:0;
    }
    .good_url{
        .good_img{
            width: 255px;
            height: 317px;
            border: medium none;
            margin: 0;
        }

    }
    .tongji{
        width: 350px;
        height: 350px;
        position: absolute;
        margin-top: -250px;
        left: 50%;
        margin-left: -175px;
    }
}

.bottom-fix-kxj{
    width: 112px;
    height:319px;
    @include fixed_bottom_right(200,$container_width_value,10);
    cursor: pointer;
    background-image: url(../images/kaixve/fix-kxj.png);

    .yey{
        width: 95px;
        height: 55px;
        background-image: url(../images/kaixve/fix-kxj.png);
        background-position: -10px -50px;
        margin-left:10px;
        margin-top:50px;
    }
    .xx{
        width: 95px;
        height: 52px;
        background-image: url(../images/kaixve/fix-kxj.png);
        background-position: -10px -103px;
        margin-left:10px;
    }
    .cgz{
        width: 95px;
        height: 52px;
        background-image: url(../images/kaixve/fix-kxj.png);
        background-position: -10px -156px;
        margin-left:10px;
    }
    .dx{
        width: 95px;
        height: 52px;
        background-image: url(../images/kaixve/fix-kxj.png);
        background-position: -10px -209px;
        margin-left:10px;
    }
    .gtop-kxj{
        width: 95px;
        height: 52px;
        background-image: url(../images/kaixve/fix-kxj.png);
        background-position: -10px -262px;
        margin-left:10px;
    }

}   
/*
开学季新页面css end
*/

/*
举报页面css star!!!!
*/
.report_page{
    font-size:12px;
    margin-top:40px;
    background-color:white;
    a{
        color:#0f6b99;
        &:hover{ 
            text-decoration:underline;
        }
    }
    p{
        margin: 15px 0;
    }
    .big_font{
        font-size:16px;
    }
    .red_font{
        color:#ff5991;
    }
    li{
        padding:10px 0;
    }
    .report{
        padding:30px 40px 100px 40px;
        border-right: 1px solid #cccccc;

    }
    textarea{
        width:600px;
        height:100px;
        background-color:#dadada;
        border-radius: 5px;
    }
    .checkbox{
        margin-right:5px;
    }
    .right_banner{
        margin:30px auto;
    }
    .bg_pink{
        background-color:#dd004e;
        border-radius: 5px;
        color:white;
        border: medium none;
        cursor: pointer;
        height: 39px;
        margin-top: 15px;
        width:230px;
        font-size:16px;
        font-weight:bold;
    }
    .success_page{
        @include fixed_top_left(100,0,-376);
        font-size: 14px;
        border: 1px solid #d7d7d7;
        background: #fff;

    }
    .success_content{
        width:340px;
        height:150px;

        div{
            float:left;
        }
        .img{
            width:56px;
            margin:65px 0 50px 50px;
        }
        .content{
            width:200px;
            margin:50px 0 50px 15px;
        }
    }
}
/*
举报页面css end
*/

/*
网站地图css star!!!!
*/
.sitemap{
    width: 100%;
    overflow:auto;
    li{
        float: left;
        margin-top:4px;
        padding: 3px 5px;
    }
    a{
        border: 1px solid #cccccc;
        border-radius: 3px;
        color: #666666;
        height: 20px;
        line-height: 20px;

    }
    h3{
        padding:10px 0;
    }
}

/*
网站地图css end
*/

/*
商家报名弹出层css star
*/
.tab{
    line-height:35px;
    width:100%;
    .tab-pane{
        background: #fff;
        border-top: 1px solid #c7c7c7;
        border-right: 1px solid #c7c7c7;
        width:50%;
        height: 39px;
        position: relative;
        text-align: center;
        font-size: 16px;
        color:#FF5991;
        font-weight: bolder;
        float:left;
        i.border-top{
            background:#FF5991;
            position: absolute;
            height: 3px;
            width: 100%;
            top:-1px;
            left: 0;
        }
        i.gray{
            background:#c7c7c7;
        }
        a.gray{
            color:#c7c7c7;
            border:0px;
        }
        a.pink{
            color:#ff5991;
        }
    }
    .gray{
        width:49%;
        color:#c7c7c7;
        border-bottom: 1px solid #c7c7c7;
        border-left: 1px solid #c7c7c7;
    }
}

.login_reg_page{
    @include fixed_top_left(100,$container_width_value,-1377);
    color: #888;
    font-size: 14px;
    border: 1px solid #d7d7d7;
    background: #fff;
    max-height:500px;
    overflow:scroll;
    overflow-x:hidden;
    .close{
        position: fixed;
        z-index:999;
        margin-left: 505px;
        margin-top: -10px;
        background: url(../images/p2_01_03.png) center 0 no-repeat;
        background-size:30px;
        width:30px;
        height:30px;
        -moz-border-radius: 15px; 
        -webkit-border-radius: 15px; 
        border-radius: 15px; 
        &:hover {
            background-image: url(../images/p01.png);
        }
    }
    .reg_content{
        margin:100px auto 40px;
        width:450px;
        padding-bottom:10px;
    }
    .login_content{
        margin:100px auto 40px;
        width:283px;
    }
    .icon{
        position:relative;
        i{
            display: block;
            height: 14px;
            width: 14px;
            position: absolute;
            left: 10px;
            top: 15px;
        }
    }
    .user-group i{
        background-position: -288px 0;
    }
    .password-group i{
        background-position: -288px -18px;
    }
    .row{
        margin-top: 20px;
        .input1{
            height: 23px;
            line-height: 23px;        
            border: 1px solid #d7d7d7;
            padding: 10px 10px 10px 30px;
        }
        .input{
            @extend .input1;
            width: 293px;
        }
        .input2{
            @extend .input1;
            width: 244px;
        }
        .checkbox{
            margin-right: 5px;
        }
        .btn{
            width: 293px;
            background-position: 0 -44px;
            border: medium none;
            cursor: pointer;
            height: 33px;
        }
        .btn:hover{
            background-position: 0 -84px;
        }
        .login_btn{
            background-position: 0 0;
            border: medium none;
            cursor: pointer;
            height: 33px;
            width: 283px;
        }
        .login_btn:hover{
            background-position: 0 -41px;
        }
    }
    .remember-me-row{
        margin-top: 10px;
    }
    .reg{
        height:25px;
        line-height: 25px;
        font-size: 12px;
        text-align: right;
    }

    .shortcut{
        background-color: #f0f0f0;
        height: 74px;
        border-top:1px solid #d2d2d2;
        font-size: 14px;
        line-height: 30px;
        .loginbtn{
            margin-left: 25px;
        }
    }
    .content{
        width:300px;
        margin:0 auto;
    }
    .lable{
        width:80px;
        height:23px;
        line-height:23px;
        padding: 10px 0 10px ;
        text-align: right;
        float:left;
    }
}

/*
商家报名弹出层css end
*/

/**
 * 违规记录页star !!!
 */
.bold{
    font-weight: bolder;
}
.black_btn{
    border: 1px solid #e4e4e4;
}
.blacklist{
    margin:20px auto;
    text-align:center;
    .blacklist_table{
        background-color:#c6caff;
        margin-right:0;
        h1{
            color:#6321c6;
            padding: 20px 0 10px;
        }
        table{
            margin:10px;
            border-collapse: collapse;
            .title{
                background-color:#9a8aff;
                color:white;
            }
            .odd{
                background-color:#f4f4ff;
            }
            .even{
                background-color:#e3e5ff;
            }
            .border_right{
                border-right: 1px solid #ccc;
            }
        }
        td{
            height:20px;
            line-height:20px;
            padding:5px;
        }
        .cause{
            height:20px;
            line-height:20px;
            width:400px;
            overflow:hidden;
        }
        .pager{
            height:50px;
            .current{
                background-color: #e3e5ff;
                color: #000;
            }
            a:hover{
                background-color: #e3e5ff;
                color: #000;
            }
        }
    }
    .blacklist_side{
        background-color:white;
        margin-left:0;
        background:url("../images/blacklist_side.jpg") no-repeat scroll center #fff;
        min-height:773px;
        img{
            margin:33px 0 0 ;
        }
        .select{
            width:100%;
            input{
                height: 30px;
                line-height: 22px;
                border:none;
                border-collapse: collapse;
                margin:20px auto;
                box-sizing:content-box;
                display: inline;
                float: left;
                font-size: 12px;
            }
            .select_btn{
                width:40px;
                background:url("../images/select_btn.png") no-repeat scroll center #9a8aff;
                margin-left:0;
            }
            .select_input{
                width:228px;
                margin-left:30px;
                padding-left:10px;
                background-color:#e3e5ff;
            }
        }
        .select_info{
            div{
                margin:0px auto;
                width:278px;
                line-height: 30px;
                border:1px solid #ccc;
                border-collapse: collapse;
                background-color:white;
            }
            .title_sibe{
                background-color:#b0b0b0;
                height:30px;
                color:white;
            }
            .select_cause{
                text-align:left;
                line-height:24px;
                p{
                    margin:5px 15px;
                }
            }
        }

    }
}

/**
 * 违规记录页end
 */

/**
 * 手机端下载页面star !!!
 */
.download_app{
    .download_banner_top{
        width: 100%;
        height:580px;
        background:url("../images/download/banner_top.jpg") no-repeat scroll center top #fff;

        .down{
            width: 600px;
            clear: both;
            padding: 280px 0 20px 400px;
            height: 130px;
            img{
                width:130px;
                height:120px;
            }
            .apple_down{
                height: 55px;
                width: 200px;
                float:right;
                margin-right: 240px;
            }
            .online_apple_down{
                height: 55px;
                width: 200px;
                float:right;
                margin-right: 32px;
                margin-top: -56px;
            }
            .android_down{
                margin-top: 15px;
                margin-right: 240px;
                height: 55px;
                width: 200px;
                float:right;
            }
        }
    }
    .download_banner_middle{
        width: 100%;
        height:720px;
        background:url("../images/download/banner_middle.png") no-repeat scroll center top #fff;
    }
    .download_banner_bottom{
        width: 100%;
        height:420px;
        background:url("../images/download/banner_bottom.png") no-repeat scroll center top #fff;

    }
    .wrap{
        margin: 0 auto;
        width: 800px;
    }
    .download_footer{
        width:100%;
        .content{
            margin:50px auto 0;
            width:400px;
            .qrcode{
                width:100px;
                height:100px;
                float:left;
                margin-left:10px;
                border-bottom: 1px solid #ccc;
            }
            .text{
                height:102px;
                margin-left:50px;
                float:left;
            }
            h1{
                padding-top:10px;
            }
            p{
                color: #666;
                line-height:12px;
                padding-top:25px;
            }
            .btn{
                float:left;
                background-image:url("../images/download/banner_top.jpg");
                height: 50px;
                width: 190px;
                border-radius:2px;
                margin-left:10px;
                margin-top:10px;
            }
            .apple{
                background-position: -1167px -282px;
            }
            .android{
                background-position: -1167px -352px;
            }
        }
    }
}
/**
 * 手机端下载页面	end
 */
/**
*报名宝贝页面
*/
.bm_query_y{
    background-color: #DEB35F;
}
.bm_query_g{
    background-color:#49B839;
}
.bm_query_i{
    color:#E30047;
    border-bottom: 10px;
    border-bottom-color:#E30047;
}
.bm_query_dd{
    margin-bottom: -10px;
    a{
        color:#ffffff;
        text-align: center;
        font-size: 14px;
        padding:0px 12px 0px; 
        border-radius: 2px;
    }
}
.bm_query_bj{
    line-height:180%;
    border:1px solid #cbcbcb;
    background-color:#ffffff;
    border-radius: 2px;
    a{
        text-align: center;       
        padding:0px 20px 0px;
        font-size: 14px;
    } 
}
.pd{
    padding:3px 11px 0px  
}
.bm_query_biaoqian {
    width:96px;
    height: 70px;   
    border-right:1px solid #ddd;  
    padding:0px 12px 0px;
    line-height:180%; 
    background-color:#ffffff;
    a{
        text-align: center;
        font-weight: bold;
        font-size: 12px; 
    }
}   
.tab_a{
    color: #B4B4B4; 
}
.tab_b{

    border-bottom:4px solid #DB014D;
}
.tab_c a{
    color:#DB014D;
}

.bolder
{
    font-weight: bolder;
}
/**
 *签到成功页面CSS  star!!!!
 */
.qd_success{
    div{
        text-align:center;
        width:240px;
    }
    .qd_success_title{
        text-align:center;
        width:240px;
        font-size:16px;
        font-weight: bold;
        margin-top:20px;
    }
    .qd_success_content{
        margin:10px 0 20px;
        color:#666;
    }
}
/**
*签到成功页面CSS  end
*/

/**积分兑换start**/

.full_left{
    float:left;
    border-radius:6px;
    line-height: 30px;
    border: 1px solid #999;
    font-size: 14px;
    background: #efefef;
    border-radius: 1px;
    color: #999;
    width:100px;
    margin-left: 10px;
    text-align: center;
}

.full_right{
    float:right;
    border-radius:6px;
    line-height: 30px;
    border: 1px solid #999;
    font-size: 14px;
    background: #efefef;
    border-radius: 1px;
    color: #999;
    width:100px;
    margin-right: 10px;
    text-align: center;
}

.wb-cols{
    padding: 0 0 13px;
    background-color: #ffffff;
}
.left_width{
    margin-left:13px;
    border: 1px solid #ccc;
}
.right_width{
    margin-right:13px;
    border: 1px solid #ccc;
}
.wb-cols-a{
    border:0px;
    height:40px;
    background-color:#FE6D74;
    border-radius:4px;
}
.wb-cols-b{
    line-height:15px;
    height:38px;
    overflow:hidden;
    background-color:#ffffff;
    border-radius:4px;
}
.wb-cols-c{
    line-height:130%;
    font-size:13px;
    color:#6D6D6D;
    margin-top: 4px 
}
.wb-lastleft{
    float:left;
    padding-left: 40px;
    padding-top: 13px;
}
.wb-lastright{
    float:right;
    padding-right: 40px;
    padding-top: 13px;
}
.wb-good{
    background:url("../images/be_left.png") no-repeat scroll center;
    color: white;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    position: absolute;
    right: 0;
    bottom: 0px;
    z-index: 99;
    //background-color:#FFA935;
    width:80px;
    text-align: center; 
}



.pull-1{
    ul{
        margin:1px 0 0 20px; 
        padding-top:9px;
    }
    li{
        padding:5px;
    }
}
.con_waiter{
    background-color: #ffffff;
    padding: 5px 0;

    .suport{
        padding-left: 10px;
        padding-right: 10px;
        height:28px;
        line-height: 28px;
        font-size:16px;
        float:left;
        vertical-align:middle;
    }
    img{
        padding-left: 10px;
        float:left;
        width:28px;
        height:28px;
    }
    .step_instruct{
        width:14px;
        height:14px;
        margin:9px 10px 0 0 ;
    }
    ul{
        padding: 1px 0;
        li{
            color:#6d6d6d;
            line-height: 20px;
            height: 20px;
            font-size: 14px;
        }
    }
}
.jf-qq-col{
    border-bottom: 1px solid #ddd;
    background-color:#ffe2e5;
}
.font_set{
    color:#e23769;
    font-weight: bold;    
}
.con_last{
    border-top:1px solid #C2C2C2;
    background-color:#FAFAFA;
    height: 44px;
    text-align: center; 
    font-size: 14px;
}
.dotted{
    left: -10px;
    padding: 5px 10px 10px;
    position: relative;
    width: 230px;
    height:30px;
    div{
        color: #fff;
        border-radius: 3px;
        font-size: 14px;
        font-weight: bolder;
        width:87%;
        padding: 0 15px;
        line-height: 30px;
        text-align:center;
        cursor: pointer;
    }
    .convert{
        background: none repeat scroll 0 0 #ff8190;

    }
}

.sell-over{
    position: relative;
    .no_stock_icon {
        display: block;
        position: absolute;
        width: 116px;
        height: 116px;
        z-index: 100;
        border: none;
        background: url("../images/miaoguang.png") no-repeat 0 0;
        left: 28%;
        top: 70px;
        z-index: 1000;
    }
}
.good_desc{
    font-size:14px;
    color:#000;
}
.good_num{
    float: right;
}
.score_title{
    font-size: 12px;
    color: #666;
    line-height:30px;
    height:30px;
    .good_desc{
        font-size:14px;
        color:#000;
        height:30px;
        width:140px;
        overflow: hidden;
        float:left;
    }
}
.score_value{
    margin-top:10px;
}
.score_begin_div{
    width:1068px;
    height:458px;
    background:url("../images/score_convert.gif") no-repeat scroll center top #fff;

    .wrap{

        clear: both;
        padding: 0 0 20px 415px;
        .score_close{
            height: 55px;
            width: 55px;
            float:right;
        }
        .score_step{
            float: left;
            height: 50px;
            margin-top: 390px;
            width: 240px;
        }
        .score_rule{
            float: right;
            height: 35px;
            margin: 400px -15px 0 0;
            width: 181px;
        }
    }
}
.success_convert{
    .success_content{
        width:450px;
        div{
            float:left;
        }
        .img{
            width:56px;
            height:100px;
            background:url("../images/report_success.png") no-repeat scroll center top #fff;
        }
        .success_text{
            margin-left:20px;
            .title{
                font-size:16px;
            }
            .row{
                color:#999;
            }
            p{
                height:40px;
                line-height:40px;
            }
        }
    }
}
/**积分兑换end**/

/* article id=13*/
.black_title{
    font-size:16px;
    color:#020202;
    font-weight:bolder;
    margin-top:30px;
}
.b_rules_content{
    text-indent:2em;
    a:link {
        color:#F42222;
        text-decoration:underline;
    }
}
.article_b_hr{
    border: none;
    border-top:1px solid #E6E6E6;
}
/*article id=13 */
.message_center{
    background-color: #fff;
    min-height: 615px;
    border: 1px solid #ccc;
    width: 884px; 
    .title{     
        height: 75px;
        border-bottom: 1px solid #ccc;
        line-height:75px;
        color:#333;
        font-size:12px;

        span{
            font-size: 18px;
            font-weight: 400;
            color: #333;
            margin-left: 40px;   
        }
    }
    .check_center{
        width:784px;
        height: auto;
        min-height: 200px;
        margin-left: 50px;
        border-bottom: 1px solid #ccc;
        img{
            width: 140px;
            float:left;
            height: 140px;
            margin-right: 20px;

        }
        .sh_title{
            font-size: 12px;
            font-weight: 700;
            height: 40px;
            line-height: 40px;

        }
        .sh_conten{
            height: 140px;
            .font_sh{
                font-size: 14px;
                font-weight:500;
            }
            .font_sta{
                font-size: 12px;
                color:#999;
                line-height: 30px;
                .font_sta_span{
                    color: #333;
                    font-weight: bold;
                }
                span{
                    color: #FF9966;
                }
                .font_bottom{


                }
            }
        }

    }
    .score_center{
        height: auto;
        min-height: 80px;
        width:784px;       
        margin-left: 50px;
        border-bottom: 1px solid #ccc;
        .jifen_title{
            font-size: 12px;
            font-weight: 700;
            height: 40px;
            line-height: 40px;           
        }
        .jifen_conten{
            text-indent: 2em;
            height: auto;

        }

    }
    .close_message{
        float: right;
        img{
            height: 20px;
            width: 20px;
            margin: 10px auto;

        }

    }
    i{
        display: inline-block;
        position: relative;      
    }
    .left_green{      
        background-color: #00CC33;
        height: 16px;
        margin: 12px 10px auto 0;
        width: 2px; 
        list-style: none;
        float: left;
    }
}

/***含有问号提示***/
.tips_hold{
    background-image: url(../images/user/reg_help.png);
    width:15px;
    height:15px;
    float:right;
    margin:2px 0px;
    cursor: pointer;   
    position: relative;
}
.tip_box{   
    font-size: 12px;
    color: #333;
    max-width: 200px;
}  
/**问号提示**/
.share_icon{
    background-image: url(../images/icons_0_16.png);
    cursor: pointer;
    float: left;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    margin: 6px 6px 6px 0;
    padding-left: 17px;
}
.share_weixin{
    background-position:0 -1612px;
}
.share_sqq{
    background-position:0 -2652px;
}
.share_tsina{
    background-position:0 -104px;
}
.share_qzone{
    background-position:0 -52px;

}


